<template>
  <div class="home">
    <button @click="show = true">弹出popup</button>
    <my-popup
      v-model="show"
      position="right"
      :styles="{ height: '100%', width: '30%' }"
    >
      <div>弹出狂的内容</div>
    </my-popup>
  </div>
</template>

<script>
export default {
  data() {
    return {
      show: false,
    };
  },
};
</script>
